
/* CSS Document */
*{
    margin:0;
    padding:0;
}
body{
    width:100%;
    height:100%;
    /*    background:url(../images/Background5.jpg) top left ;*/
    /*background:url(../images/bg29.jpg) repeat fixed center center #282828 !important;*/
    background-color: #EFEFEF;
    /*    background:url(../images/bg33.png) repeat fixed center center #282828 !important;*/
    /*    color: #333333;*/
    /*    font-size: 11px;*/
    font-family: tahoma;

}
#wrapper{
    width:980px;
    margin:0 auto;
}
.font_0{
    color: #000000;
    font: 44px/1.4em "Helvetica","Arial","sans-serif";
}
.clear{
    clear:both;
}
.name-product{
    font-size:16px;
}
.price-product{
    font-size:18px;
    font-weight:bold;
}
.bold{
    font-weight: 700;
}
.color_23{
    color: #20829B;
}
/*-------------------------------- Header ----------------------------------*/
#wrapper #header{
    height:139px !important;
    background-color:rgb(215, 222, 228);
    /*    background-color:  rgb(201,201,201);*/
    color: white;
}

/*.login-form{
    float: right;
    width: 365px;
        width:200px;
    height:50px;
    line-height:50px;
    text-align:right;
    margin-top: 10PX;*/

/*}
.login-form #testform{
        width: 320px;
        height: 50px;
        float: left;
    float:right;

}
.login-form #testform .row{
    width: 74%;
    height: 25px;
    line-height: 25px;
    text-align: left;
    float: left;
}
.login-form #testform .row label{
    width: 70px;
    text-align: left;
    float: left;
    height: 22PX;
    line-height: 22PX;

}
.login-form #testform .row input{
    width: 150px;
    text-align: left;
    float: left;
    height: 22PX;
    line-height: 22PX;
}
.login-form a.btn-login{
    color:#20829B;
    font-size:18px;
    text-decoration:none;
    margin-left:15px;
    float: left;
    position: absolute;
    right: 270PX;
}
.login-form a.btn-regis{
    color:#20829B;
    font-size:18px;
    text-decoration:none;
    margin-left:15px;
    float: left;
    position: absolute;
    right: 190PX;*/
/*}*/
.login-form a:hover{
    cursor:pointer;
    text-decoration:underline;
}
#wrapper #header ul.nav{
    width:980px !important;
    list-style-type:none;
    float:left;
    margin-top:35px;
}
#wrapper #header ul.nav li{
    display:inline;
    float:left;
    border-left:1px solid ;
    /*    background-color:rgb(68,134,96);*/
    background-color: #0091A4;
    position:relative;
    margin-top: 1px;
}
#wrapper #header ul.nav li ul.child{
    list-style:none;
    position:absolute;
    width:100%;
    z-index:99999;
    display:none;



}
#wrapper #header ul.nav li ul.child li{
    float:left;
    width:100%;
}
#wrapper #header ul.nav li:hover ul.child{
    display:block;
}
#wrapper #header ul.nav li ul.child li a{
    /*    background:url(../images/bg-nav.jpg) top left repeat-x;*/
    /*    background-color:rgb(46,41,129);*/
    text-decoration:none;
    text-transform:uppercase;
    text-align:center;
    color:#FFFFFF;
    display:block;

}
#wrapper #header ul.nav li ul.child li a:hover{
    /*    background:#FFFFFF;*/
    /*    background: rgb(120,198,214);*/
    background: #00CCFF;
    color:white;
    cursor:pointer;
}
#wrapper #header ul.nav li a{
    color:#FFFFFF;
    display:block;
    width:170px;
    text-align:center;
    padding:12px;
    /*    background:url(../images/bg-nav.jpg) top left repeat-x;*/
    text-decoration:none;
    text-transform:uppercase;
}
#wrapper #header ul.nav li a:hover{
    /*    background:rgb(120,198,214);*/
    background-color: #00CCFF;
    color:white;
    cursor:pointer;
}
/*----------------------cart----------------------*/
/*#cart{
    position: absolute;
    top: 1px;
    right: 145px;
    z-index: 9;
    min-width: 320px;
    margin-top: 10px;
    margin-left: 10px;*/
/*}*/
/*#cart .heading{
    float: right;
    margin-right: 172px;
    margin-top: 15px;
    padding-left: 14px;
    padding-right: 14px;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid #EEE;
    background: white;
    position: relative;
    z-index: 1;
}*/
#cart .heading h4 {
    color: #333;
    font-size: 15px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 3px;
}
/*#cart .heading a{
    margin-left: 10px;
    color: #38B0E3;*/
/*}*/
/*#cart .heading a span {
    background: url(../images/arrow-down.png) no-repeat scroll 100% 50% rgb(255, 255, 255);
    padding-right: 15px;
}*/
/*#cart .content{
    clear: both;
        display: none;
    position: relative;
    top: -1px;
    padding: 8px;
    min-height: 150px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(238, 238, 238);
    border-radius: 0px 7px 7px 7px;
    box-shadow: 0px 2px 2px rgb(221, 221, 221);
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    width: 320px;
}*/


#welcom a{
    text-decoration: none;
    color: black;
    cursor: pointer;
}
.divProducts{
    background: white;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    -khtml-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
    border-left: 1px solid #BBB;
    border-right: 1px solid #BBB;
    border-bottom: 1px solid #BBB;
    padding-left: 20px;
    padding-top: 20px;
    min-height: 600px;
}
.divProducts > div{
    border: 1px solid #DDD;
    width: 200px;
    height: 210px;
    text-align: center;
    text-decoration: none;
    color: black;
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
    margin-right: 12px;
    margin-bottom: 20px;
}
.divProducts .name a{
    color: #083167;
    font-weight: bold;
    text-decoration: none;
    display: block;
    margin-bottom: 4px;
}

.divProducts .price {
    display: block;
    font-weight: bold;
    color: #333;
    margin-bottom: 4px;
}
#cartTable{
    width: 320px;
    color: #38B0E3
}

a{
    color: #38B0E3;
    text-decoration: none;
    cursor: pointer;
}
#cart_body{
    height: 150px;
    width: 320px;
    font-size: 13px;
    border-bottom: 1px solid rgb(251, 238, 213);
    overflow: auto;
}
#cart_footer{
    text-align: right;
}
#cart_content{
    display: none;
    text-align: center;
}

/*--------------Body-----------------------------*/
#wrapper #body{
    width:976px;
    border:2px solid #a3d2dd;
    min-height:300px;
    height: inherit;
    background: #FFFFFF;
}
.slide{
    width:954px;
    height:400px;
    border: 2px solid #e5e5e5;
    margin:9px;
    background:url(../images/slider-3.jpg);
    /*    border-right: 2px solid #e5e5e5;*/
}
#wrapper #body #titleBrandProductResult{
    margin: 10px 0px 10px 0px;
    overflow:hidden;
}

#wrapper #body #brandProductResult{
    margin: 0px 20px 0px 20px;
    overflow:hidden;
}

#wrapper #body #item-show{
    width:100%;
    overflow:hidden;
    margin-top:30px;
}

#wrapper #body #item-show #top-sale-products{
    width:100%;
    overflow:hidden;
    /*    margin-top:30px;*/
}

#wrapper #body #item-show #new-products{
    width:100%;
    overflow:hidden;
    margin-top:30px;
}

#wrapper #body #item-show .box-product{
    float: right;
    height: 257px;
    margin-bottom: 43px;
    margin-right: 18px;
    margin-top: 18px;
    width: 208px;
    text-align:center;
}

.buttonAddToCart {
    background: -moz-linear-gradient(center top , #79BBFF 5%, #4197EE 100%) repeat scroll 0 0 #79BBFF;
    border: 1px solid #469DF5;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 0 0 #CAE3FC inset;
    color: #FFFFFF;
    display: inline-block;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #287ACE;
}
.buttonAddToCart:hover {
    cursor: pointer;
    background: -moz-linear-gradient(center top , #4197EE 5%, #79BBFF 100%) repeat scroll 0 0 #4197EE;
}

/*.buttonAddToCart{
    cursor: pointer;
    color: white;
    line-height: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background:#0091A4;
    height: 25px;
    width: 100px;
    border-radius: 7px 7px 7px 7px;
}*/

#wrapper #body #item-show #box-left{
    width:250px;
    float:left;
    margin-left:15px;
}
#wrapper #body #item-show #box-left .box-event{
    width:100%;
    height:295px;
}
p.title-event{
    color: #20829B;
    font: 25px/1.4em "Helvetica","Arial","sans-serif";
}
#wrapper #body #item-show #box-left .box-event #box-content{
    width:246px;
    height:251px;
    border:2px solid #a3d2dd;
    text-align:center;
}
.img-event{
    max-width:246px;
    max-height:164px;
}
#wrapper #body #item-show #box-left .box-event #box-content a.btn-buy{	
    background: url("../images/btn-bg.jpg") repeat-x scroll left top transparent;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF;
    float: right;
    font-size: 18px;
    margin-right: 15px;
    margin-top: 15px;
    padding: 9px 35px;
    text-align: center;
}
#wrapper #body #item-show #box-left .box-event #box-content a.btn-buy:hover{	
    background: url("../images/btn-bg hover.jpg") repeat-x scroll left top transparent;
    color: #000000;
    cursor:pointer;
}
#wrapper #body #item-show #box-right{
    width:680px;
    float:right;
    margin-right:10px;
}
#wrapper #body .box-product{
    float: left;
    height: 252px;
    margin-bottom: 43px;
    margin-right: 18px;
    width: 208px;
    text-align:center;
}
.img-pro{
    width:205px;
    height:200px;
    border:2px solid #e5e5e5;
}
#wrapper #body .box-product a.btn-addtocart{	
    background: url("../images/btn-bg hover.jpg") repeat-x scroll left top transparent;
    color: #000000;
    border-radius: 6px 6px 6px 6px;    
    float: right;
    font-size: 18px;
    margin-right: 28px;
    margin-top: 15px;
    padding: 9px 35px;
    text-align: center;
}
#wrapper #body .box-product a.btn-addtocart:hover{
    background: url("../images/btn-bg.jpg") repeat-x scroll left top transparent;
    color: #FFFFFF;
    cursor:pointer;

}
/*---------------------------Fotter---------------
*/
#wrapper #fotter{
    width:100%;
    height:50px;
    line-height:50px;
    background:#0091A4;
    margin-top:7px;
    margin-bottom:10px;
    text-align:left;
    color: white;
    font-size: 13px;
}
#wrapper #fotter span{
    margin-left:10px;
}

#search{
    position: absolute;
    top: 20px;
    right: 10px;
    width: 298px;
    z-index: 15;
    margin-top: 7%;
}
.button-search{
    position: absolute;
    left: 0px;
    background:url(../images/button-search.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 28px;
    height: 24px;
    border-right: 1px solid #CCC;
    cursor: pointer;
}


#search input{
    background: white;
    padding: 1px 1px 1px 33px;
    width: 130px;
    height: 21px;
    border: 1px solid #CCC;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -khtml-border-radius: 3px 3px 3px 3px;
    -webkit-box-shadow: 0px 2px 0px #F0F0F0;
    -moz-box-shadow: 0px 2px 0px #F0F0F0;
}

#cart{
    height: 58px;
    margin-right: 0;
    margin-top: 21px;
    min-width: 46px;
    position: absolute;
    right: 184px;
    top: 22px;
    width: 147px;
    z-index: 9;
}
#cart .heading{
    background: url("../images/cart.png") no-repeat scroll 0 0 / 100% 100% transparent;
    border-left: 0 solid white;
    border-right: 0 solid #EEEEEE;
    border-top: 0 solid white;
    float: right;
    height: 58px;
    margin-right: 103px;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 44px;
    z-index: 1;
}
#cart .heading h4 {
    color: #333;
    font-size: 15px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 3px;
}
#cart .heading a{
    color: black;
    float: left;
    font-size: 17px;
    height: 26px;
    margin-left: 33px;
    margin-top: 25px;
    width: 114px;


}
#cart .heading a span {
    /*    background: url(../images/arrow-down.png) no-repeat scroll 100% 50% rgb(255, 255, 255);
        padding-left: 1px;
        padding-top:  0px;*/
    /*    margin-left: 10px;*/

    background: transparent;

}
#cart .content{
    clear: both;
    /*    display: none;*/
    position: relative;
    top: -1px;
    padding: 8px;
    min-height: 150px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(238, 238, 238);
    border-radius: 0px 7px 7px 7px;
    box-shadow: 0px 2px 2px rgb(221, 221, 221);
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    width: 320px;
    margin-right: 0px;
    margin-top: -6px;
    float:right

}


#welcome a{
    text-decoration: none;
    color: black;
    cursor: pointer;
}
.divProducts{
    background: white;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    -khtml-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
    border-left: 1px solid #BBB;
    border-right: 1px solid #BBB;
    border-bottom: 1px solid #BBB;
    padding-left: 20px;
    padding-top: 20px;
    min-height: 600px;
}
.divProducts > div{
    border: 1px solid #DDD;
    width: 200px;
    height: 210px;
    text-align: center;
    text-decoration: none;
    color: black;
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
    margin-right: 12px;
    margin-bottom: 20px;
}
.divProducts .name a{
    color: #083167;
    font-weight: bold;
    text-decoration: none;
    display: block;
    margin-bottom: 4px;
}

.divProducts .price {
    display: block;
    font-weight: bold;
    color: #333;
    margin-bottom: 4px;
}
#cartTable{
    width: 320px;
}

a{
    color: #38B0E3;
    text-decoration: none;
    cursor: pointer;
}
#cart_body{
    height: 150px;
    width: 320px;
    font-size: 13px;
    border-bottom: 1px solid rgb(251, 238, 213);
    overflow: auto;
}
#cart_footer{
    text-align: right;
}
#cart_content{
    display: none;
    text-align: center;
}

/*---------------------Check out------------------------*/
#checkoutTable{
    text-align: center;
    width: 800px;
    margin: auto;
    margin-bottom: 15px;
    border-collapse: collapse;
    border-top: 1px solid #DDD;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: gray;
}
#checkoutTable thead{
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}
#checkoutTable tbody{
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
#checkoutTable tr{
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
    border-bottom: 1px solid #DDD;
}
#checkoutTable tr td{
    vertical-align: top;
    border: none;
}
#checkoutTable tr th{
    color: #4D4D4D;
    font-weight: bold;
    background-color: #F7F7F7;
    border-bottom: 1px solid #DDD;
    border-left: none;
    border-right: none;
    border-top: none;
}
#checkoutTable td{
    padding: 7px;
}

#cusinfoTable{
    margin-left: 91px;
    margin-top: 20px;
    margin-bottom: 20px;
}
#cusinfoTable td{
    border: none;
    height: 40px;
}
.customerInfo{
    margin: auto;
}
.checkoutHeader{
    margin: auto;
    height: 50px
}
.button-Continue{
    background: -moz-linear-gradient(center top , #77D42A 5%, #5CB811 100%) repeat scroll 0 0 #77D42A;
    border: 1px solid #268A16;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 0 0 #CAEFAB inset;
    color: #306108;
    display: inline-block;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #AADE7C;
}

.button-Continue:hover{
    cursor:pointer;
    background: -moz-linear-gradient(center top , #5CB811 5%, #77D42A 100%) repeat scroll 0 0 #5CB811;
}


.button-Order{
    background: -moz-linear-gradient(center top , #FE1A00 5%, #CE0100 100%) repeat scroll 0 0 #FE1A00;
    border: 1px solid #D83526;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 0 0 #F29C93 inset;
    color: #FFFFFF;
    display: inline-block;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #B23E35;
}

.button-Order:hover{
    cursor:pointer;
    background: -moz-linear-gradient(center top , #CE0100 5%, #FE1A00 100%) repeat scroll 0 0 #CE0100;
}



.form-register{
    width:350px;
    height:auto;
    padding-top:20px;
    margin: 0 auto;


}
.ct-input{
    width:100%;
    height:30px;
    line-height:30px;
    margin-bottom:20px;

}
.ct-input a{
    width:120px;
    float:left;
    height:30px;
    margin-right:10px;
}
.ct-input input{
    width:170px;
    height:22px;
    margin-top:2px;
}
input.btn-register{
    width:80px;
    height:25px;
    background:#1692c6;
    border-radius:0.5em;
    float:left;
    color:#FFFFFF;
    cursor:pointer;
    border:none;
    margin-right:50px;

}
#wrapper #body #search-header{
    height: 45px;
    width: 974px;
    line-height: 45px;
    border: 1px solid #DDD;
    background-color:#D7DEE4 ;
    margin-top: -2px;
    font-size: 12px; 
    font-family: tahoma;

}
#wrapper #body #search-header #child-search{

    height: 45px;
    line-height: 45px;
    float: left;

}
#wrapper #body #search-header #child-search input{
    height: 25px; 
    line-height: 25px;}

/*#wrapper #body #search-header #button-search{
    margin-top: 1px;*/
/*    margin-right: 15px;*/


/*}*/
#wrapper #body #search-header #button-search img{
    cursor: pointer;
}
#login-form #testform table td{
    text-align: left;
}
#login-form #testform table td input{
    height: 22px;
    margin: 0;
}
#login-form #testform table{
    font-size: 12px;
    margin-right: 5px;

}
#login-form{float: right}
#login-form #testform table td {
    padding: 0 0 0 15px;
    padding-bottom: 4px;

}
#login-form #testform table td  #btn{
    border: 0;
    color: white;
    width: 60px;
    background-color: #0091A4;
    text-align: center;
    cursor: pointer;
}
#login-form #testform table td label{
    color: #0091A4;
}
.logo{
    width:245px;
    height:55px;
    float:left;
    margin-top:3px;
    position: relative;
    margin-left:10px;
    font-family: Arial;

}
.logo .logo1{
    position:absolute; 
    color: #A98501;
    font-size : 22px;
    margin-left: 5px;
    font-weight: bold;
    margin-top: 5px;
}
.logo .logo2{
    position:absolute;
    color: #0091A4;
    font-size : 44px;
    margin-left: 40px;
}
.logo .logo3{
    position:absolute;
    color: #A98501;
    font-size : 22px;
    font-weight: bold;
    margin-left: 200px;
    margin-top: 5px;
}
#wrapper #body  #Register {
    border: 3px solid #C9E1F4 ;
    padding: 12px 24px 11px;
    margin: 17px auto;
    width: 700px;
    font-family: Tahoma !important;
    font-size: 17px;
    margin-bottom: 50px;
    border-radius: 1em;
}
#wrapper #body #Register p{
    text-align: left;
    margin-top: 5px;
}
#wrapper #body #Register input{
    /*    width: 90px;*/
    height: 30px;
    margin-top: 5px;
    margin-left: 9px;
    float: left;
}
#login-form #welcome{
    color: #A98501 !important;
    font-size: 12px !important;
}
#login-form #welcome #Btnlogout{
    margin-right: 5px;
}
#cart #heading :hover{
    /*background-color: #00CCFF transparent*/

}
#welcome a :hover{
    color: #38B0E3;
}
#cart #heading:hover{
    background-color: red transparent;
    color:white;
    cursor:pointer;
}
#body #RegisterHeader {
    font-family: Tahoma;
    font-size: 33px;
    margin-top: 48px;
    color: #004856 !important;
}
#wrapper  #body #Register  .button{
    width: 73px; height: 30px !important;
    margin-left: 55px;
    background-color: #004856  ;
    color: white;
    border: 0px solid;
    padding: 1px;
}
#wrapper #body #Register table{
    color: #004856  ;
}

#wrapper #body #search-header #child-search #searchIcon{
    float: left;
    margin-left: -162px;
    margin-top: 9px;
}
#wrapper #body #search-header #child-search #searchIcon:hover{
    cursor: pointer;
}
#item-show #top-sale-products .title-event, #new-products .title-event{
    font-size: 25px;
    color: #0091A4 !important;
    margin-left: 20px;
    /*    color: #4197EE !important;*/
}
#body #titleBrandProductResult font{
    font-size: 25px;
    color: #4197EE !important;
    margin-left: 20px;
    margin-top: 20px;
}
#Product-Detail{
    position: absolute;
    z-index: 200;
    padding: 3px;
    /*    margin-left: 10px;*/
    /*    margin-top: 5px;*/
    width: 600px;
    height: auto;
    /*    background-color: rgb(201,201,201);*/
    /*    background-color: white;*/
    background:url(../images/productdetail2.jpg) repeat fixed center center #282828 !important;
    border: 1px solid  #A3D2DD;
    font-size: 0.95em;
    font: bold medium serif;
    float:left;
}
#Product-Detail #header-productDetail{
    width: 100%;
    height:253px;
    float:left;
}
#Product-Detail #header-productDetail #header-product{
    float: left;
    height: 80px;
    margin-left: 9px;
    margin-top: 9px;
    width: 318px;
}
#Product-Detail #header-productDetail img{
    width:251px;
    height:225px;
    border:2px solid #e5e5e5;
    margin-left: 10px;
    margin-top: 10px;
    float:left
}
#Product-Detail #header-productDetail #header-product #productName-product{
    color: #004856 ;
    font-size: 25px ;
    font-family: Tahoma ;
    margin-top: 10px;
    margin-left: 0px;
    margin-top: 5px;
}
#Product-Detail #body-productDetail{
    width: 50%;
    height: auto;
    color: #004856;
    font-size: 12px ;
    font-family: tahoma;
    padding: 4px;
    float: inherit;
    margin-left: 16px;
    margin-top: -7px;
    margin-right: 2px;
}


#Product-Detail #productPrice-product{
    color: #004856 ;
    font-size: 22px ;
    font-family: Tahoma ;
    margin-top: 10px;
    margin-left: 0px;
}

#Product-Detail #body-productDetail span,#longInfo-product span{
    color: #007BCC;
    font-family: 'Trebuchet MS' !important;
    font-size: 12px;
    margin-left: 3px;
}
#Product-Detail #longInfo-product{
    height: auto;
    width: auto;
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 5px;
    color: #004856 ;
    font-size: 12px ;
    font-family: Tahoma ;
    float: left;
}


